<template>
  <div class="box">
    <h2>填 报 说 明</h2>
    <div class="continor">
      <p>
        一、填写申报书之前，项目单位应仔细阅读《兰州大学教育发展基金会项目管理办法》、《兰州大学教育发展基金会项目执行手册》，严格按照有关规定执行。
      </p>
      <p>二、申报书请如实填写，表达明确严谨。所需签字之处，必须由相应人员亲笔签名。如有弄虚作假现象，一经核实，将按照撤项处理。</p>
      <p>三、申报书的各项内容，要实事求是，表达要明确、严谨。第一次出现的缩写词，需注出全称。</p>
      <p>四、项目申报单位先通过填报系统提交申报文件，审核通过后再导出打印并按照要求提交必须的纸质材料。</p>
      <p>五、纸质材料一式两份。</p>
      <p>六、本申报书由兰州大学教育发展基金会负责解释。</p>
    </div>
    <div class="footer">
      <p>通讯地址：甘肃省兰州市天水南路222号兰州大学学生活动中心4楼</p>
      <p>联系电话：0931-8914092</p>
      <p>邮 件：lzuedf@lzu.edu.cn</p>
    </div>
    <div class="checkbox"><a-checkbox v-model="checked" @change="getYuedu">已阅读</a-checkbox></div>
  </div>
</template>

<script setup>
  import { ref, defineEmits } from 'vue';
  const checked = ref(false);
  const emit = defineEmits();
  function getYuedu(e) {
    emit('clickChild', e.target.checked);
  }
</script>

<style lang="scss" scoped>
  .box {
    padding: 0 100px;
  }
  h2 {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
    font-weight: 600;
    font-family: '宋体';
  }
  .footer {
    padding: 50px 0;
  }
  p {
    font-size: 18px;
    font-family: '宋体';
  }
  .checkbox {
    float: right;
  }
</style>
